{% comment %}
统一的分页组件
参数：
- page_obj: 分页对象
- extra_params: 额外的URL参数（如搜索条件）
{% endcomment %}

{% if page_obj.has_other_pages %}
<nav aria-label="分页导航" class="mt-4">
    <ul class="pagination justify-content-center">
        <!-- 首页 -->
        {% if page_obj.has_previous %}
        <li class="page-item">
            <a class="page-link" href="?page=1{% if extra_params %}{{ extra_params }}{% endif %}">
                <i class="bi bi-chevron-double-left"></i> 首页
            </a>
        </li>
        {% endif %}

        <!-- 上一页 -->
        {% if page_obj.has_previous %}
        <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if extra_params %}{{ extra_params }}{% endif %}">
                <i class="bi bi-chevron-left"></i> 上一页
            </a>
        </li>
        {% endif %}

        <!-- 页码显示 -->
        {% for num in page_obj.paginator.page_range %}
            {% if page_obj.number == num %}
            <li class="page-item active">
                <span class="page-link">{{ num }}</span>
            </li>
            {% elif num > page_obj.number|add:'-3' and num < page_obj.number|add:'3' %}
            <li class="page-item">
                <a class="page-link" href="?page={{ num }}{% if extra_params %}{{ extra_params }}{% endif %}">{{ num }}</a>
            </li>
            {% endif %}
        {% endfor %}

        <!-- 下一页 -->
        {% if page_obj.has_next %}
        <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.next_page_number }}{% if extra_params %}{{ extra_params }}{% endif %}">
                下一页 <i class="bi bi-chevron-right"></i>
            </a>
        </li>
        {% endif %}

        <!-- 末页 -->
        {% if page_obj.has_next %}
        <li class="page-item">
            <a class="page-link" href="?page={{ page_obj.paginator.num_pages }}{% if extra_params %}{{ extra_params }}{% endif %}">
                末页 <i class="bi bi-chevron-double-right"></i>
            </a>
        </li>
        {% endif %}
    </ul>
    
    <!-- 分页信息 -->
    <div class="text-center text-muted small mt-2">
        显示第 {{ page_obj.start_index }} - {{ page_obj.end_index }} 条，共 {{ page_obj.paginator.count }} 条记录
        （第 {{ page_obj.number }} 页，共 {{ page_obj.paginator.num_pages }} 页）
    </div>
</nav>
{% endif %}